<template>
  <div class="simulationAnswer">
    <el-card>
      <div class="title">模拟考试</div>

      <el-form ref="form" :model="form" label-width="auto">
        <el-card class="cd">
          <div class="title2">考试设置</div>
          <el-form-item label="模拟考试时间：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            分钟
          </el-form-item>
          <el-form-item label="设置及格率：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            %
          </el-form-item>
        </el-card>
        <el-card class="cd">
          <div class="title2">技能鉴定</div>
          <el-form-item label="单选题：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            道
          </el-form-item>
          <el-form-item label="多选题：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            道
          </el-form-item>
          <el-form-item label="判断题：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            道
          </el-form-item>
        </el-card>
        <el-card class="cd">
          <div class="title2">执政法考试</div>
          <el-form-item label="单选题：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            道
          </el-form-item>
          <el-form-item label="多选题：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            道
          </el-form-item>
          <el-form-item label="判断题：">
            <el-input-number
              v-model="form.mnsj"
              :min="0"
              label="描述文字"
            ></el-input-number>
            道
          </el-form-item>
        </el-card>
        <div class="bottom">
          <el-button type="primary" @click="onSubmit">开始考试</el-button>
        </div>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        mnsj: 120,
      },
    };
  },
  methods: {
    onSubmit() {},
  },
};
</script>

<style lang="scss" scoped>
.simulationAnswer {
  .title {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
  }
  .title2 {
    font-weight: 700;
    margin-bottom: 10px;
  }
  .cd {
    margin-bottom: 10px;
  }
  .bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    .el-button {
      width: 60%;
    }
  }
}
</style>
